<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>广州久龙精品酒店</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/sm.min.css">
    <link rel="stylesheet" href="css/sm-extend.min.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
  </head>
  
  <body>
    <div class="page-group">
      <!--侧边栏start-->
      <div class="panel-overlay"></div>
      <!-- Left Panel with Reveal effect -->
      <div class="panel panel-left panel-reveal theme-dark" id='panel-left-demo'>
        <div class="content-block">
          <!--搜索start-->
          <div class="searchbar">
            <div class="search-input">
              <label class="icon icon-search" for="search"></label>
              <input type="search" id='search' placeholder='输入关键字...' /></div>
          </div>
          <!--搜索end-->
          <p>
            <h3>广州久龙精品酒店</h3></p>
          <div class="list-block">
            <ul>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}index.html">首页</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}kfyd.html">客房预订</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}yhhd.html">优惠活动</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdsp.html">酒店视频</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdjm.html">酒店加盟</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdjs.html">酒店相关</a>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <a href="${base}#" class="close-panel button button-big button-fill button-danger">关闭</a>
        </div>
      </div>
      <!--侧边栏end-->
      <div class="page page-current">
        <!--顶栏start-->
        <header class="bar bar-nav">
        <a class="icon icon-menu button button-link button-nav pull-left open-panel" href="javascript:;" data-panel='#panel-left-demo'></a>
        <h1 class="title"><img src="${base}img/logo.jpg">广州久龙精品酒店</h1>
        </header>
        <!--顶栏end-->

        <!--底栏start-->
        <nav class="bar bar-tab">
          <a class="tab-item active create-actions" href="#">
            <span class="icon icon-phone"></span>
            <span class="tab-label">电话咨询</span></a>
        </nav>
        <!--底栏end-->
        <div class="content native-scroll">
          <!-- Slider -->
          <div class="swiper-container swiper-container-horizontal" data-space-between="10">
            <div class="swiper-wrapper">
              <div class="swiper-slide swiper-slide-prev">
                <img src="${base}img/banner/banner1.jpg" alt=""></div>
              <div class="swiper-slide swiper-slide-active">
                <img src="${base}img/banner/banner2.jpg" alt=""></div>
              <div class="swiper-slide swiper-slide-next">
                <img src="${base}img/banner/banner3.jpg" alt=""></div>
            </div>
            <div class="swiper-pagination">
              <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
              <span class="swiper-pagination-bullet"></span>
              <span class="swiper-pagination-bullet"></span>
            </div>
          </div>
          <!--导航start-->
          <div class="buttons-tab">
            <a href="${base}index.html" class="button smallnav" external>首页</a>
            <a href="${base}kfyd.html" class="button smallnav active" external>客房预订</a>
            <a href="${base}yhhd.html" class="button smallnav" external>优惠活动</a>
            <a href="${base}jdsp.html" class="button smallnav" external>酒店视频</a>
            <a href="${base}jdjs.html" class="button smallnav" external>酒店相关</a>
            <a href="${base}jdjm.html" class="button smallnav" external>酒店加盟</a>
          </div>
          <!--导航end-->
          <div class="page-index">
            <!--搜索start-->
              <div class="content-padded grid-demo">
                <div class="search">
                  <input type="text" name="search" class="searchtext">
                  <input type="submit" class="searchsub" value="">
                </div>
              </div>
            <!--搜索end-->
            <!--列表与select控件start-->
            <div class="list-block">
              <form action="">
                <ul>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-friends icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">用户名</div>
                      <div class="item-input">
                        <input type="text" placeholder="请填写您的账户">
                      </div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-phone icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">手机号</div>
                      <div class="item-input">
                        <input type="text" placeholder="请输入您的手机号码"></div>
                    </div>
                  </li>
                </ul>
                <div class="sub">
                  <input type="submit" class="button button-big button-fill button-success" value="忘记密码">
                </div>
                <div class="register">
                  <a href="${base}login.html">返回登录</a>
                  <a href="${base}register.html">注册</a>
                </div>
              </form>
            </div>
            <!--列表与select控件end--></div>
        </div>
      </div>
      <script type='text/javascript' src='js/zepto.min.js'></script>
      <script type='text/javascript' src='js/sm.min.js'></script>
      <script type='text/javascript' src='js/sm-extend.min.js'></script>
      <script type='text/javascript' src='js/main.js'></script>
      <style>
        .loginicon{
          font-size: 1.5rem!important;
          margin: 0 .7rem!important;
        }
        .register a:nth-of-type(1){
          float: left;
          margin-left: 1rem;
        }
        .register a:nth-of-type(2){
          float: right;
          margin-right: 1rem;
        }

      </style>

      <script>

      </script>
  </body>

</html>